forum

home / developersection / forums / position:relative wrapping and element height?

Ask Question

Position:relative wrapping and element height?

Anonymous User 2377 04-Apr-2013
Hi Everyone!

I have a simple TextArea and a button

When the button is clicked , I need to wrap (exactly) the text area with a red div (border:solid 1px red)

p.s this wrapper div must be position:relative because I need to add future absolute positioned elements

And so I wrote this code :

$(".btn").on('click',function (){

 $(".myTextArea").wrap($('<span/>', {
                    "class": 'msgAbsWrap',
                    "style": "position:relative;display:inline" /*it's inline by default ,I know*/

                }));
});

Advance Thanks!
css-css3 css-css3 
Updated on 04-Apr-2013
Anonymous User

Other

I am a content writter !

Message
Can you answer this question?
Answer

2 Answers

Vijay Shukla

Vijay Shukla

04-Apr-2013
Hi Samuel!

Change the display style of the span to display: inline-block;

$(".myTextArea").wrap($('<span/>', {
    "class": 'msgAbsWrap',
    "style": "position:relative; display:inline-block; width: 100%;"
}));

AVADHESH PATEL

AVADHESH PATEL

04-Apr-2013
Hi Samuel!

try this way

CSS:

.msgAbsWrap {
   border:solid 1px red;
   display:inline-block;
   width:100%;
   position:relative;
}
jQuery:

$(".btn").on('click', function () {
  $(".myTextArea").wrap($('<span/>', {
        "class": 'msgAbsWrap'
  }));
});

it may be it resolve your problem 
advertising
advertising

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy